
{{extend './layout/layout.html'}}

{{block 'head'}}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<!-- <link rel="stylesheet" href="assets/fonts/ionicons.min.css"> -->
<link rel="stylesheet" href="/public/css/login/Article-Dual-Column.css">
<link rel="stylesheet" href="/public/css/login/Login-Form-Clean.css">
<link rel="stylesheet" href="/public/css/login/styles.min.css">
{{/block}}

{{block 'content'}}
<section class="login-clean">
    <form method="post" action="/login" id="form">
        <h2 class="visually-hidden">注册</h2>
        <div class="illustration"><i class="bi bi-share"></i></div>
        <div class="mb-3"><input class="form-control" type="email" name="email" placeholder="邮箱"></div>
        <div class="mb-3"><input class="form-control" type="text" name="username" placeholder="用户名"></div>
        <div class="mb-3"><input class="form-control" type="password" name="password" placeholder="密码"></div>
        <div class="form-group">
            <label>性别：</label>
            <label class="radio-inline">
                <input type="radio" name="gender" value="-1">保密
              </label>
              <label class="radio-inline">
                <input type="radio" name="gender" value="1">男
              </label>
              <label class="radio-inline">
                <input type="radio" name="gender" value="0">女
              </label>
          </div>
        <div class="mb-3"><button class="btn btn-primary d-block w-100" type="submit">注册</button></div><a class="forgot" href="#">Forgot your email or password?</a>
    </form>
</section>
{{/block}}

{{block 'script'}}
<script src="/public/js/register.js"></script>
{{/block}}